<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

    <link  href="css/ui.css" rel="stylesheet" type="text/css" media="all" /> 
    <link  href="css/ui2.css" rel="stylesheet" type="text/css" media="all" /> 
    <link  href="css/zoomer.css" rel="stylesheet" type="text/css" media="all" /> 
    <link href="css/imgbubbles.css" rel="stylesheet" type="text/css" />

<style type="text/css">

/*CSS for 2 demos on the page*/
#orbs li{
width: 65px; /*width of image container. Should be wider than contained images (before bubbling) */
height:60px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 55px; /*width of each image before bubbling*/
height: 60px; /*height of each image*/
}

#squares li{
width: 45px; /*width of image container. Must be wider than contained images (before bubbling) */
height:40px; /*height of image container. Must be taller than contained images (before bubbling) */
}

#squares li img{
width: 31px; /*width of each image before bubbling*/
height: 31px; /*height of each image*/
}
</style>
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>
    <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript" src="./javascripts/ui.js"></script>
    
<script type="text/javascript" src="javascripts/imgbubbles.js">
/***********************************************
* Image Bubbles effect- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">

jQuery(document).ready(function($){
	$('ul#orbs').imgbubbles({factor:1.75}) //add bubbles effect to UL id="orbs"
	$('ul#squares').imgbubbles({factor:2.5}) //add bubbles effect to UL id="squares"
})

</script>    
    
<title>Your Alice</title>
</head>
<body>

<div id="body1">

<!-- 
<div id="menu">
<ul id="tabSubmenu">
	<li><a href="index.jsp">ALICE</a>
	<ul>
		<li><a href="../web/admin/shop_shop/list.jsp">a</a></li>
		<li><a href="../web/admin/shop_shop/list_pants.jsp">b</a></li>
		<li><a href="../web/admin/shop_shop/list_onepice.jsp">c</a></li>
		<li><a href="#">d</a></li>
		<li><a href="#">e</a></li>
		<li><a href="#">f</a></li>
		<li><a href="#">g</a></li>
	</ul>
	</li>
	<li><a href="#">&</a>
	<ul>
		<li><a href="../web/admin/shop_offer/list.jsp">q</a></li>
		<li><a href="../web/admin/shop_offer/list.jsp">w</a></li>
	</ul>
	</li>
	<li><a href="#">COMPANY</a>
	<ul>
		<li><a href="../web/admin/shop_offer/list.jsp">q</a></li>
		<li><a href="../web/admin/shop_offer/list.jsp">w</a></li>
	</ul>
	</li>
</ul>
</div>
 -->
<!-- 
<div class="demo1">
<ul id="orbs" class="bubblewrap">
<li><a href="http://google.com"><img src="images/stumbleupon.png" alt="" /></a></li>
<li><a href="http://google.com"><img src="images/facebook.png" alt="" /></a></li>
<li><a href="http://google.com"><img src="images/digg.png" alt="" /></a></li>
<li><a href="http://google.com"><img src="images/twitter.png" alt="" /></a></li>
<li><a href="http://google.com"><img src="images/rss.png" alt="" /></a></li>
</ul>
</div>
 -->
<div>
 <table align="center">
   <tr>
     <td><img src="./images/logo.png"></img></td>
   </tr>
 </table>
</div>

<div class="demo2">
<ol id="sortable">
   
	
	<li class="ui-state-hover14" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/home.png"></li>
	<li class="ui-state-hover15" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/a.png"></li>
	<li class="ui-state-hover16"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/l.png"></li>
	<li class="ui-state-hover1"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/i.png"></li>
	<li class="ui-state-hover2"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/c.png"></li>
    <li class="ui-state-hover3" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/e.png"></li>
	<li class="ui-state-hover4" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/in.png"></li>
	<li class="ui-state-hover5"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#ffffff', '#ffffff')"
                style="cursor:hand"><img align="right" alt="#" src="./images/pl.png"></li>
	<li class="ui-state-hover17"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/ap.png"></li>
	<li class="ui-state-hover7"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/pr.png"></li>
    <li class="ui-state-hover8" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/us.png"></li>
	<li class="ui-state-hover9" onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/co.png"></li>
    <li class="ui-state-hover20"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/car.png"></li>            
	<li class="ui-state-hover10"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/com.png"></li>
    <li class="ui-state-hover12"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/sns.png"></li>            
	<li class="ui-state-hover11"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/art.png"></li>
	<li class="ui-state-hover18"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/is.png"></li>
    <li class="ui-state-hover19"onclick="javascript:clickTrEvent(this)"
                onmouseover="javascript:changeTrColor(this, '#7fffd4', '#90ee90')"
                style="cursor:hand"><img alt="#" src="./images/flat.png"></li>           

</ol>
</div>



</div>
</body>
</html>